<script lang="ts" setup>
import { ref } from "vue";

const dataList = ref<any>([
  {
    nickName: "Jamie Dimon💯 😊",
    merchantName: "卓越教育",
    createdAt: "2025-05-05 09:00:00",
    contact: "Jamie Dimon",
    phone: "12345678901",
    status: "平台审核中",
  },
  {
    nickName: "Jamie Dimon💯 😊",
    merchantName: "大D美术",
    createdAt: "2025-05-05 09:00:00",
    contact: "Jamie Dimon",
    phone: "12345678901",
    status: "平台审核中",
  },
  {
    nickName: "Jamie Dimon💯 😊",
    merchantName: "大D美术",
    createdAt: "2025-05-05 09:00:00",
    contact: "Jamie Dimon",
    phone: "12345678901",
    status: "审核未通过",
  },
  {
    nickName: "Jamie Dimon💯 😊",
    merchantName: "大D美术",
    createdAt: "2025-05-05 09:00:00",
    contact: "Jamie Dimon",
    phone: "12345678901",
    status: "平台审核中",
  },
  {
    nickName: "Jamie Dimon💯 😊",
    merchantName: "大D美术",
    createdAt: "2025-05-05 09:00:00",
    contact: "Jamie Dimon",
    phone: "12345678901",
    status: "正常",
  },
]);

const modalVisible = ref(false);
</script>

<template id="7bf0fa19-75eb-4214-86df-40fcfaa5f709">
  <umi-container id="a02af11f-eaf2-447c-bff6-43d320f20fa6" padding="16px" :gap="16" min-height="100vh" bg-color="#f2f2f2">
    <umi-breadcrumb id="871aebbe-07a8-498e-b43d-ec085a3052b6" :items="['门店管理', '门店列表']"></umi-breadcrumb>
    <umi-search-card id="113f925d-80f0-4581-8be6-470199251139">
      <umi-form id="a514fced-258f-4355-93d2-9a30ead5431c">
        <umi-row id="a0abe943-53ab-4338-a8eb-f4578e75c3df" :gutter="16">
          <umi-col id="415ab679-1f12-4fea-be34-44e5fd71f30b" :span="8">
            <umi-form-item id="19d73c05-9f13-45e7-a49c-2121bf86ffb8" label="门店名称">
              <umi-input id="75818a9f-6871-485b-96f4-0aeadef826bb" placeholder="请输入门店名称"></umi-input>
            </umi-form-item>
          </umi-col>
          <umi-col id="2a81abd4-8976-4c65-aa14-5884fe358529" :span="8">
            <umi-form-item id="c8309a8d-2c60-4e1f-ac18-358f72dd3b2d" label="联系人">
              <umi-input id="adb97dd3-f1df-489b-920f-052595ff1982" placeholder="请输入联系人的姓名"></umi-input>
            </umi-form-item>
          </umi-col>
          <umi-col id="5d569c5f-56b3-4b42-bf4c-732ee859f933" :span="8">
            <umi-form-item id="e9ed312c-4d1e-4b41-b3e2-e30acd0dd4c5" label="联系电话">
              <umi-input id="3cbb43f1-8fe2-4b3d-a4c8-cf1cb3561231" placeholder="请输入联系人的手机号码"></umi-input>
            </umi-form-item>
          </umi-col>
          <umi-col id="0adc6731-fcd5-43ce-bf9e-f0228f9f1eec" :span="8">
            <umi-form-item id="3faf09c2-cac8-4009-bbc0-02f2ba441758" label="门店状态">
              <umi-select id="d17a3ac4-409b-48cd-b533-305470bfc4fa">
                <umi-option id="7d7c7fcb-59e3-4ed5-be45-8d47336642db">正常</umi-option>
                <umi-option id="a8910ce6-1086-4bd6-b0d8-33af2fd238d7">平台审核中</umi-option>
                <umi-option id="bb5d1314-f27d-4cf6-8014-99364200e04c">审核未通过</umi-option>
              </umi-select>
            </umi-form-item>
          </umi-col>
          <umi-col id="ccf318aa-ba82-40d2-b4fb-03314e76961c" :span="16">
            <umi-form-item id="f8330dda-9474-45ce-a96e-9b468a8f1ede" label="入驻时间">
              <umi-datepicker-range id="b50db13c-60b3-41e2-bff2-25202976e139"></umi-datepicker-range>
            </umi-form-item>
          </umi-col>
        </umi-row>
      </umi-form>
    </umi-search-card>
    <umi-card id="06f20b65-f044-4c78-a5e5-5861a1fe9a84" :bordered="false">
      <umi-container id="2829f03d-563f-48f1-a44d-85d1ebad2d01" direction="horizontal" padding="0 0 16px 0">
        <umi-button id="250bffe1-3ffe-4267-9ed0-20b69beee449" type="primary" @click="$router.push({ name: 'MerchantEditor' })">新增门店</umi-button>
      </umi-container>
      <umi-container id="b4691172-3282-4a8a-b4fa-79f14f195c42" :gap="16" align="start">
        <umi-table id="0a49fc04-b5ca-441e-baac-c2afcc64116f" :data="dataList">
          <template id="85916fc1-6e0f-4bfb-8220-b78133d595c9" #columns>
            <umi-table-column id="3f53cecc-a447-44c1-bf2f-c4f1787e3eb9" title="序号" data-index="id" :width="100"></umi-table-column>
            <umi-table-column id="9c04f99d-f5a0-4ebb-bd5e-e38e6b876545" title="门店门头照" slot-name="cover"></umi-table-column>
            <umi-table-column id="3460e2b0-ad5e-42cb-8226-6110496ef7d0" title="门店名称" data-index="merchantName"></umi-table-column>
            <umi-table-column id="3805d467-556d-4895-bcc3-9301b7d00885" title="联系人" data-index="contact"></umi-table-column>
            <umi-table-column id="290a0597-5171-49cf-96fd-1b8e2565a2f2" title="联系电话" data-index="phone"></umi-table-column>
            <umi-table-column id="f371648a-fed4-4dac-b5ad-0f24292ca9f3" title="门店状态" data-index="status" :width="100"></umi-table-column>
            <umi-table-column id="45126dff-d75c-4e90-a008-968d9e4f9c9d" title="入驻时间" data-index="createdAt" :width="170"></umi-table-column>
            <umi-table-column id="146a834a-83bf-436e-ba49-0fb1ab5b6f27" title="操作" :width="160" slot-name="action"></umi-table-column>
          </template>
          <template id="c8b86241-2493-4d60-b967-adbc1030c81f" #cover>
            <umi-image id="091c78cf-6b92-4399-bc0b-5869c1638e9d" :height="60" :width="60"></umi-image>
          </template>
          <template id="bc2d75ec-adba-4c68-9530-c5d70502e946" #action>
            <umi-space id="122f61b8-eee4-494f-8183-9d40eb44c68c" :size="10">
              <umi-button id="4828f40c-c0ea-445c-a8fe-75c5df53f7ce" type="primary" @click="$router.push({ name: 'MerchantEditor' })">编辑</umi-button>
              <umi-button id="2c1d5b97-73df-4030-a4ff-c8fac8769136" type="primary" @click="modalVisible = true">审核反馈</umi-button>
            </umi-space>
          </template>
        </umi-table>
      </umi-container>
    </umi-card>
    <umi-modal id="395f4686-58a8-4454-9d62-65dbbc4ce2c2" :width="500" cancel-text="关闭" :ok-button="false" title="审核反馈" v-model:visible="modalVisible">
      <umi-text id="d1dd813d-f413-4200-93a2-3c77c746a749" :line-height="32">1. 您提交的门店名称不合规，请及时调整。</umi-text>
      <umi-text id="81a3b260-71ce-4da5-9f43-9c66674ca885" :line-height="32">2. 您提交的营业执照图片不清晰，请重新上传。</umi-text>
    </umi-modal>
  </umi-container>
</template>
